/*
 * Copyright (C) 2017-2019 Dremio Corporation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import "../Avatar/Avatars.less";

:global { // DX-11429 TODO reafactor component to use css modules instead fo global classes
  
  .font-icon {
    .icon-type {
      background-repeat: no-repeat;
      background-size: cover;
      width: 28px;
      height: 28px;
    }

    .Aggregation {
      background-image: url(icons/Aggregation.svg);
    }

    .Aggregation-Reversed {
      background-image: url(icons/Aggregation-Reversed.svg);
    }

    .Aggregate {
      background-image: url(icons/Aggregate.svg);
    }

    .CanceledGray {
      background-image: url(icons/CanceledGray.svg);
    }

    .Raw {
      background-image: url(icons/Raw.svg);
    }

    .RightArrow {
      background-image: url(icons/RightArrow.svg);
    }

    .RawMode {
      background-image: url(icons/RawMode.svg);
    }

    .GroupBy {
      background-image: url(icons/GroupBy.svg);
    }

    .Bars {
      background-image: url(icons/Bars.svg);
    }

    .FolderToDataset {
      background-image: url(icons/FolderToDataset.svg);
    }

    .LoaderWhite {
      background-image: url(icons/LoaderWhite.svg);
    }

    .Activity {
      background-image: url(icons/Activity.svg);
    }

    .Add {
      background-image: url(icons/Add.svg);
    }

    .AddHover {
      background-image: url(icons/AddHover.svg);
    }

    .AddFields {
      background-image: url(icons/Add-Fields.svg);
    }

    /* TODO Andrey, check your components and use one style*/
    .ArrowDownSmall, .Arrow-Down-Small {
      background-image: url(icons/Arrow-Down-Small.svg);
    }

    .ArrowDownSmallReversed, .Arrow-Down-Small-Reversed {
      background-image: url(icons/Arrow-Down-Small-Reversed.svg);
    }

    .ArrowLeft, .Arrow-Left {
      background-image: url(icons/Arrow-Left.svg);
    }

    .ArrowRight, .Arrow-Right {
      background-image: url(icons/Arrow-Right.svg);
    }

    .Blocked {
      background-image: url(icons/Blocked.svg);
    }

    .Bug {
      background-image: url(icons/Bug.svg);
    }

    .Canceled {
      background-image: url(icons/Canceled.svg);
    }

    .Chat {
      background-image: url(icons/Chat.svg);
    }

    .ChatTeal {
      background-image: url(icons/Chat-Teal.svg);
    }

    .ChatActive {
      background-image: url(icons/ChatActive.svg);
    }

    .Clipboard {
      background-image: url(icons/Clipboard.svg);
      background-size: contain;
    }

    .Collapse {
      background-image: url(icons/Collapse.svg);
    }

    .Database-Bad {
      background-image: url(icons/Database-Bad.svg);
    }

    .Database-Degraded {
      background-image: url(icons/Database-Degraded.svg);
    }

    .Database {
      background-image: url(icons/Database.svg);
    }

    .DataGraph {
      background-image: url(icons/Data-Graph.svg);
    }

    .Date {
      background-image: url(icons/Date.svg);
    }

    .Delete {
      background-image: url(icons/Delete.svg);
    }

    .Download {
      background-image: url(icons/Download.svg);
    }

    .DownloadLink {
      background-image: url(icons/DownloadLink.svg);
    }

    .Draggable {
      background-image: url(icons/Draggable.svg);
    }

    .Edit {
      background-image: url(icons/Edit.svg);
    }

    .EditActive {
      background-image: url(icons/EditActive.svg);
    }

    .EditSmall {
      background-image: url(icons/Edit-Small.svg);
    }

    .Error {
      background-image: url(icons/Error.svg);
    }

    .ErrorSolid {
      background-image: url(icons/Error-Solid.svg);
    }

    .Expand {
      background-image: url(icons/Expand.svg);
    }

    .ExpandText {
      background-image: url(icons/Expand-Text.svg);
    }

    .File {
      background-image: url(icons/File.svg);
    }

    .FileLarge {
      background-image: url(icons/FileLarge.svg);
    }

    .FileConvert {
      background-image: url(icons/File-Convert.svg);
    }

    .FileEmpty {
      background-image: url(icons/File-Empty.svg);
    }

    .Flame {
      background-image: url(icons/Flame.svg);
      background-size: contain;
    }

    .Flame-Disabled {
      background-image: url(icons/Flame-Disabled.svg);
      background-size: contain;
    }

    .Folder {
      background-image: url(icons/Folder.svg);
    }

    .FolderConvert {
      background-image: url(icons/Folder-Convert.svg);
    }

    .FolderData {
      background-image: url(icons/FolderData.svg);
    }

    .FolderDataLarge {
      background-image: url(icons/FolderDataLarge.svg);
    }

    .UserGroup {
      background-image: url(icons/UserGroup.svg);
    }

    .Home {
      background-image: url(icons/Home.svg);
    }

    .InfoCircleNoninteractive {
      background-image: url(icons/Info-Circle-Noninteractive.svg);
    }

    .InfoCircle {
      background-image: url(icons/Info-Circle.svg);
    }

    .InfoCircleSolid {
      background-image: url(icons/Info-Circle-Solid.svg);
    }

    .Info {
      background-image: url(icons/Info.svg);
    }

    .Join {
      background-image: url(icons/Join.svg);
    }

    .JoinFull {
      background-image: url(icons/Join-Full.svg);
    }

    .JoinInner {
      background-image: url(icons/Join-Inner.svg);
    }

    .JoinLeft {
      background-image: url(icons/Join-Left.svg);
    }

    .JoinRight {
      background-image: url(icons/Join-Right.svg);
    }

    .Loader {
      background-image: url(icons/Loader.svg);
    }

    .Lookup {
      background-image: url(icons/Lookup.svg);
    }

    .Masked {
      background-image: url(icons/Masked.svg);
    }

    .Minus {
      background-image: url(icons/Minus.svg);
    }

    .MinusSimple {
      background-image: url(icons/Minus-Simple.svg);
    }

    .NarwhalLogoWithNameLight {
      background-image: url('~Narwhal-Logo-With-Name-Light');
      background-size: contain; // todo: should they all use this?
    }

    .NarwhalLogo {
      background-image: url(icons/Narwhal-Logo.svg);
    }

    .NarwhalReversed {
      background-image: url(icons/Narwhal-Reversed.svg);
    }

    .OK {
      background-image: url(icons/OK.svg);
    }

    .OKSolid {
      background-image: url(icons/OK-Solid.svg);
    }

    .OpenBI {
      background-image: url(icons/OpenBI.svg);
    }

    .Pending {
      background-image: url(icons/Pending.svg);
    }

    .PendingGray {
      background-image: url(icons/PendingGray.svg);
    }

    .Disabled {
      background-image: url(icons/Disabled.svg);
    }

    .PhysicalDataset {
      background-image: url(icons/PhysicalDataset.svg);
    }

    .PhysicalDatasetLarge {
      background-image: url(icons/PhysicalDatasetLarge.svg);
    }

    .Pin {
      background-image: url(icons/Pin.svg);
    }

    .Publish {
      background-image: url(icons/Publish.svg);
    }

    .Query {
      background-image: url(icons/Query.svg);
    }

    .QueryPlain {
      background-image: url(icons/QueryPlain.svg);
    }

    .Raw-Reversed {
      background-image: url(icons/Raw-Reversed.svg);
    }

    .Recent {
      background-image: url(icons/Recent.svg);
    }

    .Recenter {
      background-image: url(icons/Recenter.svg);
    }

    .Return {
      background-image: url(icons/Return.svg);
    }

    .Save {
      background-image: url(icons/Save.svg);
    }

    .Search {
      background-image: url(icons/Search.svg);
    }

    .SearchPaleNavy {
      background-image: url(icons/Search-Pale-Navy.svg);
    }

    .Settings {
      background-image: url(icons/Settings.svg);
    }

    .SettingsSmall {
      background-image: url(icons/Settings-Small.svg);
    }

    .SettingsMediumFilled {
      background-image: url(icons/SettingsMediumFilled.svg);
    }

    .Space {
      background-image: url(icons/Space.svg);
    }

    .SpacePrivate {
      background-image: url(icons/SpacePrivate.svg);
    }

    .Time {
      background-image: url(icons/Time.svg);
    }

    .Trace {
      background-image: url(icons/Trace.svg);
    }

    .TypeBinary {
      background-image: url(icons/Type-Binary.svg);
    }

    .TypeBoolean {
      background-image: url(icons/Type-Boolean.svg);
    }

    .TypeDateTime {
      background-image: url(icons/Type-Date-Time.svg);
    }

    .TypeDecimal {
      background-image: url(icons/Type-Decimal.svg);
    }

    .TypeFloat {
      background-image: url(icons/Type-Float.svg);
    }

    .TypeGeo {
      background-image: url(icons/Type-Geo.svg);
    }

    .TypeInteger {
      background-image: url(icons/Type-Integer.svg);
    }

    .TypeList {
      background-image: url(icons/Type-List.svg);
    }

    .TypeMap {
      background-image: url(icons/Type-Map.svg);
    }

    .TypeMixed {
      background-image: url(icons/Type-Mixed.svg);
    }

    .TypeText {
      background-image: url(icons/Type-Text.svg);
    }

    .TypeOther {
      background-image: url(icons/Type-Other.svg);
    }

    .User {
      background-image: url(icons/User.svg);
    }

    .Upload {
      background-image: url(icons/Upload.svg);
    }

    .VirtualDataset {
      background-image: url(icons/VirtualDataset.svg);
    }

    .VirtualDatasetLarge {
      background-image: url(icons/VirtualDatasetLarge.svg);
    }

    .Visibility {
      background-image: url(icons/Visibility.svg);
    }

    .Visibility-Off {
      background-image: url(icons/Visibility-Off.svg);
    }

    .Warning {
      background-image: url(icons/Warning.svg);
    }

    .WarningSolid {
      background-image: url(icons/WarningSolid.svg);
    }

    .XBig {
      background-image: url(icons/X-Big.svg);
    }

    .XBigWhite {
      background-image: url(icons/X-BigWhite.svg);
    }

    .XSmall {
      background-image: url(icons/X-Small.svg);
    }

    .Ellipsis {
      background-image: url(icons/Ellipsis.svg);
    }

    .Qlik-logo {
      background-image: url(icons/qliklogo.png);
    }

    .Trash {
      background-image: url(icons/Trash-small.svg);
    }
  }
}
